<template>  
    <el-table :data="tableData" style="width: 100%" height="250">  
      <el-table-column fixed prop="class" label="班级" width="150" />  
      
      <el-table-column label="A等" width="150">  
        <el-table-column prop="A人数" label="人数" width="75" />  
        <el-table-column prop="A比例" label="比例" width="75" />  
      </el-table-column>  
      
      <el-table-column label="B等" width="150">  
        <el-table-column prop="B人数" label="人数" width="75" />  
        <el-table-column prop="B比例" label="比例" width="75" />  
      </el-table-column>  
      
      <el-table-column label="C等" width="150">  
        <el-table-column prop="C人数" label="人数" width="75" />  
        <el-table-column prop="C比例" label="比例" width="75" />  
      </el-table-column>  
      
      <el-table-column label="D等" width="150">  
        <el-table-column prop="D人数" label="人数" width="75" />  
        <el-table-column prop="D比例" label="比例" width="75" />  
      </el-table-column>  
      
      <el-table-column label="E等" width="150">  
        <el-table-column prop="E人数" label="人数" width="75" />  
        <el-table-column prop="E比例" label="比例" width="75" />  
      </el-table-column>  
    </el-table>  
  </template>  
  
  <script lang="ts" setup>  
  const tableData = [  
    {  
      class: '一班',  
      A人数: 20,  
      A比例: '40%',  
      B人数: 15,  
      B比例: '30%',  
      C人数: 10,  
      C比例: '20%',  
      D人数: 4,  
      D比例: '8%',  
      E人数: 1,  
      E比例: '2%',  
    },  
    {  
      class: '二班',  
      A人数: 18,  
      A比例: '36%',  
      B人数: 12,  
      B比例: '24%',  
      C人数: 15,  
      C比例: '30%',  
      D人数: 3,  
      D比例: '6%',  
      E人数: 2,  
      E比例: '4%',  
    },  
    {  
      class: '二班',  
      A人数: 18,  
      A比例: '36%',  
      B人数: 12,  
      B比例: '24%',  
      C人数: 15,  
      C比例: '30%',  
      D人数: 3,  
      D比例: '6%',  
      E人数: 2,  
      E比例: '4%',  
    },  
    {  
      class: '二班',  
      A人数: 18,  
      A比例: '36%',  
      B人数: 12,  
      B比例: '24%',  
      C人数: 15,  
      C比例: '30%',  
      D人数: 3,  
      D比例: '6%',  
      E人数: 2,  
      E比例: '4%',  
    },  
    {  
      class: '二班',  
      A人数: 18,  
      A比例: '36%',  
      B人数: 12,  
      B比例: '24%',  
      C人数: 15,  
      C比例: '30%',  
      D人数: 3,  
      D比例: '6%',  
      E人数: 2,  
      E比例: '4%',  
    },  
    {  
      class: '二班',  
      A人数: 18,  
      A比例: '36%',  
      B人数: 12,  
      B比例: '24%',  
      C人数: 15,  
      C比例: '30%',  
      D人数: 3,  
      D比例: '6%',  
      E人数: 2,  
      E比例: '4%',  
    },  
    // 继续添加其他数据  
  ]  
  </script>